
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>记录详情</title>
    <link rel="stylesheet" href="font-family/iconfont.css">
    <link rel="stylesheet" href="../css/app/app_style.css">
</head>
<body>
<div class="rd_detail">
    <!--头部人内容区-->
    <div class="rd_top p-lr">
        <div class="media p-t">
            <div class="media-left">
                <a class="circle_head color_ochre circle_head_md">杨勇</a>
            </div>
            <div class="media-right">
                <h3 class="fwn m-t-xs">杨勇 <span class="text_lg">和</span> 凯达以及其他3人</h3>
                <p class="m-t-xs">
                    <div class="pull-left text_lg place text_oneline">雨花区德思勤城市广场城市A栋长点</div>
                    <div class="pull-right text_lg ">08-12 12:34</div>
                </p>
            </div>
        </div>
    </div>
    <!--详情内容区-->
    <div class="rd_detail_c p-lr p-t p-b">
        <p class="f16">族谱网APP上线啦！庆祝！</p>
        <div class="rd_detail_img">
            <ul class="list-line list-line-3">
                <li><img src="images/demo01.jpg" alt="" class="img-responsive"></li>
                <li><img src="images/demo01.jpg" alt="" class="img-responsive"></li>
                <li><img src="images/demo01.jpg" alt="" class="img-responsive"></li>
            </ul>
        </div>
        <div class="rd_option m-t">
            <ul class="list-line list-line-3">
                <li class="text_theme"><i class="icon iconfont icon-appreciate"></i> 8</li>
                <li class="text-center"><i class="icon iconfont icon-comment"></i> 2</li>
                <li class="text-right"><i class="icon iconfont icon-share"></i> 分享</li>
            </ul>
        </div>
    </div>
    <!--点赞人-->
    <div class="rd_thumbs_up">
        <ul class="list-line">
            <li><i class="icon iconfont icon-appreciate"></i></li>
            <li><a class="circle_head color_rose circle_head_xs">美人</a></li>
            <li><a class="circle_head color_blue circle_head_xs"><img src="images/demo01.jpg" alt=""></a></a></li>
            <li><a class="circle_head  color_ochre circle_head_xs">杨吉</a></li>
            <li><a class="circle_head circle_head_xs"><img src="images/demo01.jpg" alt=""></a></li>
        </ul>
    </div>
    <!--评论区-->
    <div class="rd_comment p-lr">
        <div class="media">
            <div class="media-left">
                <a class="circle_head color_blue circle_head_md">杨勇</a>
            </div>
            <div class="media-right">
                <div class="clearfix">
                    <h3 class="pull-left f16 fwn">杨勇</h3>
                    <div class="pull-right text_lg">08-12 12:34</div>
                </div>
                <div class="rd_c_text m-t-xs">
                    恭喜族谱网APP上线。
                </div>
            </div>
        </div>
        <div class="media">
            <div class="media-left">
                <a class="circle_head color_blue circle_head_xs"><img src="images/demo01.jpg" alt=""></a></a>
            </div>
            <div class="media-right">
                <div class="clearfix">
                    <h3 class="pull-left f16 fwn">美人</h3>
                    <div class="pull-right text_lg">08-12 12:34</div>
                </div>
                <div class="rd_c_text m-t-xs">
                    族谱网APP里面的游戏很好玩啊，大家都来下载啊。长点测试一下长度！
                </div>
            </div>
        </div>
    </div>
    <div class="rd_write_c">
        <textarea name="" id="" placeholder="说点什么吧!" class="m-r"></textarea>
        <button class="btn btn_theme">发送</button>
    </div>
</div>
</body>
</html>